@import './_minxin.scss';

.cty-block {
  display: block;
}
.cty-flex {
  display: flex;
}
.cty-grid {
  display: grid;
}
.cty-none {
  display: none;
}

.cty-relative {
  position: relative;
}
.cty-absolute {
  position: absolute;
}
.cty-fixed {
  position: fixed;
}
.cty-sticky {
  position: sticky;
}

.cty-no-scroll {
  overflow: hidden;
}
.cty-scroll {
  overflow: auto;
}
.cty-scroll-x {
  overflow-x: auto;
}
.cty-scroll-y {
  overflow-y: auto;
}

.cty-margin-auto {
  margin: auto;
}

.cty-w0 {
  width: 0;
}
.cty-w50 {
  width: 50%;
}
.cty-w100 {
  width: 100%;
}
.cty-h0 {
  height: 0;
}
.cty-h50 {
  height: 50%;
}
.cty-h100 {
  height: 100%;
}

// 文本位置
.cty-txt-l {
  text-align: left;
}
.cty-txt-c {
  text-align: center;
}
.cty-txt-r {
  text-align: right;
}
.cty-txt-nowrap {
  white-space: nowrap;
}
.cty-txt-break-all {
  word-break: break-all;
}

.cty-avatar {
  object-fit: cover;
  border-radius: 50%;
}
.cty-img-cover {
  object-fit: cover;
}
.cty-img-contain {
  object-fit: contain;
}

.cty-ellipsis1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cty-ellipsis2, .cty-ellipsis3, .cty-ellipsis4, .cty-ellipsis5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
.cty-ellipsis2 {
  -webkit-line-clamp: 2;
}
.cty-ellipsis3 {
  -webkit-line-clamp: 3;
}
.cty-ellipsis4 {
  -webkit-line-clamp: 4;
}
.cty-ellipsis5 {
  -webkit-line-clamp: 5;
}

// 字体
.cty-fs-large {}
.cty-fs-medium {}
.cty-fs {}
.cty-fs-small {}
.cty-fs-mini {}


.cty-fw {
  font-weight: 400;
}
.cty-fw-medium {
  font-weight: 500;
}
.cty-fw-bold {
  font-weight: 600;
}

/*
  层级
  页面
  遮罩
  提示
*/

.cty-glass {
  position: absolute;
  left: 0; top: 0;
  right: 0; bottom: 0;
}

.cty {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cty {
  display: block;
  margin: auto;
}
.circle {
  border-radius: 50%;
}